<template>
  <div>
    <Fanhui />
    <van-cell-g>
      <van-cell title="我的收获地址" value=">" size="large" to="/map" border />
      <van-cell title="账户与安全" value=">" size="large" />
      <van-cell title="支付" value=">" size="large" />
      <van-cell title="消息通知" value=">" size="large" />
      <van-cell title="隐私" value=">" size="large" />
      <van-cell
        title="通用"
        value="皮肤 地区 音效 清除缓存等  >"
        size="large"
      />
      <van-cell title="帮助与反馈" value=">" size="large" />
      <van-cell title="关于手机淘宝" value=">" size="large" />
        
    </van-cell-g>
    <div class="etxe" @click="textss">
          退出登录
    </div>
  </div>
  
</template>

<script>
import Vue from "vue";
import { Cell, CellGroup } from "vant";
import Fanhui from "@/views/Center/fanhui.vue";
import { Notify } from 'vant';
Vue.use(Cell);
Vue.use(CellGroup);
export default {
  data() {
    return {};
  },
  components: {
    Fanhui,
  },
  created() {
    this.$store.commit("setIsShow", false);
  },

methods: {
          textss(){
                      window.localStorage.removeItem('jwt')
                          this.$router.push("/center");
                        Notify({ type: 'danger', message: '退出成功' });
                       this.$store.commit("setToken","")
  }
},
 

 
  beforeDestroy() {
    this.$store.commit("setIsShow", true);
  },
 
 
};
</script>

<style>
.etxe{
  height: 50px;
  margin: 0 auto;
  position: relative;
  bottom: -66px;
 width: 80%;
 border-radius: 3%;
  text-align: center;
  line-height: 50px;
  background-color:#FF5000 ;
  color: aliceblue;
}
</style>